<style>
#atp{
	width:920px;
	height:655px;
	font-size:14px;
	color: #FFFFFF;
	font-family: "Microsoft YaHei";
	float:left;
}
#top{
	background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
	height:110px;
	width:930px;
}
#buttom{
 	background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
	height:540px;
	width:930px;
}
#speed{
    width: 300px;
    margin-left: 150px;
    border-right: 1px solid black;
    float: left;
}
#speed div{
	margin-top: 15px;
}
#speed div lable{
	display: inline-block;
	width:80px;
	text-align:left;
	margin-right: 10px;
}
#speed div select{
	width: 150px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
    margin-left: 10px;
}
#topCenter{
	width: 300px;
    margin-left: 20px;
    float: left;
}
#topCenter div{
	margin-top: 15px;
}
#topCenter lable{
	display: inline-block;
	width:99px;
	text-align:left;
	margin-right: 10px;
}
#topCenter select{
    width: 150px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124;
    margin-left: 10px;
}
#topCenter input{
	width: 150px;
	margin-left: 10px;
    background: #1F2124;
    height: 38px;
    border: 1px solid #1f2124
}
#top .square{
	display: inline-block;
	width: 5px;
	height: 10px;
	background: #7B8E8C;
	margin-right: 8px;
}
#top .trcTitle{
	text-align: left;
    margin-top: 10px;
}
#top .shezhi{
	display: inline-block;
    width: 200px;
    text-align: left;
}
#top .closes{
    margin-top: 20px;
    margin-left: 20px;
}
#top .closes input{
	width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 !important;
}
#top .closes span{
	vertical-align: middle;
	margin-right: 15px;
}
#buttom .square{
	display: inline-block;
	width: 5px;
	height: 10px;
	background: #7B8E8C;
	margin-right: 8px;
}
#buttom .trcTitle{
	text-align: left;
    margin-top: 10px;
}
#buttom .shezhi{
	display: inline-block;
    width: 200px;
    text-align: left;
}
#test{
	text-align: center;
	clear:both;
}
#test button{
	width: 73px;
    height: 30px;
    background: #2C2F33;
    border: 1px solid #325C79;
    color: #FFFFFF;
    margin-top: 50px;
    margin-right: 15px;
}
</style>
<!-- 右侧ATP页面 -->
<div id="atp">
	<!-- 下部分 -->
	<div id="top" >
		<div class="trcTitle">
			<span class="square"></span><span class="shezhi">TCR开关</span>
		</div>
		<div class="closes">
			<input type="radio" name="tcr" onclick="coplese(1)" checked="checked"><span>打开</span><input type="radio" name="tcr" onclick="coplese(2)"><span>关闭</span>
		</div>
	</div>
	<!-- 下部分 -->
	<div id="buttom">
		<!-- 上左部分 -->
		<div class="trcTitle">
			<span class="square"></span><span class="shezhi">TCR诊断数据</span>
		</div>
		<!--BTM设置  -->
			<div id="speed" >
				<div>
					<lable>主备标识</lable>
					<select name="MainOrSlave" class="sel">
							<option signalValue="0">点灯主机</option>
							<option signalValue="1">点灯备机</option>
					</select>
				</div>
				<div>
					<lable>厂商</lable>
					<select name="Producer" class="sel" >
							<option signalValue="1">交大思诺</option>
							<option signalValue="2">山西润泽丰</option>
							<option signalValue="3">深圳长龙</option>
							<option signalValue="4">哈尔滨科佳</option>
					</select>
				</div>
				<div>
					<lable>信息码</lable>
					<select name="SeDeng" class="sel" >
							<option signalValue="3">L</option>
							<option signalValue="1">L3</option>
							<option signalValue="2">L2</option>
							<option signalValue="4">LU</option>
							<option signalValue="5">LU2</option>
							<option signalValue="6">U</option>
							<option signalValue="7">U2S</option>
							<option signalValue="8">U2</option>
							<option signalValue="9">U3</option>
							<option signalValue="10">UUS</option>
							<option signalValue="11">UU</option>
							<option signalValue="12">HB</option>
							<option signalValue="13">HU</option>
							<option signalValue="14">H</option>
							<option signalValue="15">L4</option>
							<option signalValue="16">L5</option>
							<option signalValue="17">未知</option>
							<option signalValue="18">27.9HZ</option>
							<option signalValue="19">无码H</option>
							<option signalValue="20">无码B</option>
							<option signalValue="0"></option>
					</select>
				</div> 
			</div>
		<!-- 第一部分结束 -->
		<!-- 上右部分 -->
		<!-- BTM诊断数据 -->
			<div id="topCenter">
				<div>
					<lable>上下行</lable>
					<select name="UpOrDown" class="sel" >
							<option signalValue="0">未知</option>
							<option signalValue="1">上行</option>
							<option signalValue="2">下行</option>
							<option signalValue="3">错误</option>
					</select>
				</div>
				<div>
					<lable>载频</lable>
					<select name="Frequency" class="sel" >
							<option signalValue="0">无</option>
							<option signalValue="1">移频-550Hz</option>
							<option signalValue="2">移频-750Hz</option>
							<option signalValue="3">移频-650Hz</option>
							<option signalValue="4">移频-850Hz</option>
							<option signalValue="5">UM71-1700Hz</option>
							<option signalValue="6">UM71-2300Hz</option>
							<option signalValue="7">UM71-2000Hz</option>
							<option signalValue="8">UM71-2600Hz</option>
							<option signalValue="9">交流计数-25Hz(A)</option>
							<option signalValue="10">交流计数-25Hz(B)</option>
							<option signalValue="11">交流计数-50Hz(A)</option>
							<option signalValue="12">交流计数-50Hz(B)</option>
					</select>
				</div>
				<div>
					<lable>绝缘节时延(ms)</lable>
					<input name="DelayTime"  msg='绝缘节时延' type="number" min="1" max="65535" currentValue='4000' onkeyup="value=value.replace(/[^\d]/g,'')" value="4000" id="MANIputStorageId462" class='numkeyboard'>
				</div>
			</div>
			<div id="test">
				<button id="startCeshi" onclick="tests('start');">开始测试</button>
				<button id="stopCeshi" onclick="tests('stop');">停止测试</button>
				<button id="updated" onclick="tests('updated');">更新数据</button>
			</div>
	</div>
</div>
<script>
		function coplese(num){//TCR打开是下列数据可输入编辑,关闭时下面所有数据不可编辑状态。
			console.log(num);
			var input=document.getElementById("buttom").getElementsByTagName("input");// 拿到所有的input标签
			var select=document.getElementById("buttom").getElementsByTagName("select");// 拿到所有的select标签
			if(num==1){//打开
				for (var i = 0; i < input.length; i++) {
            		input[i].removeAttribute('readOnly');;
        		}
				for (var j = 0; j < select.length; j++) {
            		select[j].removeAttribute('disabled');;
        		}
        		document.getElementById("startCeshi").disabled=false;
        		document.getElementById("stopCeshi").disabled=false;
        		document.getElementById("updated").disabled=false;
			}
			if(num==2){//关闭
				
				for (var i = 0; i < input.length; i++) {
            		input[i].setAttribute("readOnly",'true');
        		}
				for (var j = 0; j < select.length; j++) {
            		select[j].setAttribute("disabled",'disabled');
        		}
        		document.getElementById("startCeshi").disabled=true;
        		document.getElementById("stopCeshi").disabled=true;
        		document.getElementById("updated").disabled=true;
			}
		}
</script>
<script src="../../textcommon/js/tcr.js"></script>
<script src="../../textcommon/js/commonfun.js"></script>